<!--订单列表-->
<template>
  <div class="main_box">
    <Tabs :tabList="tabList">
      <template slot="tabs">
        <Tools>
          <template slot="forms">
            <ToolsForm />
          </template>
        </Tools>
        <Action>
          <template slot="actions">
            <el-button type="primary" @click="onStatistics" size="small"
              >统计</el-button
            >
          </template>
        </Action>
        <div class="table_box">
          <el-table :data="tableData" border style="width: 100%" ref="table">
            <el-table-column type="index" label="序号" width="60">
            </el-table-column>
            <el-table-column label="订单编号" width="160">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="司机所承运的货源摘要/服务名称">
              <template slot-scope="scope">
                <div class="red_clr">
                  {{ scope.row.test }}
                </div>
              </template>
            </el-table-column>
            <el-table-column label="支付金额">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="支付类型">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="支付路径">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="订单状态">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="支付人姓名/手机">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="创建时间" width="160">
              <template slot-scope="scope">
                {{ scope.row.test }}
              </template>
            </el-table-column>
            <el-table-column label="操作" width="180">
              <template slot-scope="scope">
                <router-link to="/order/list/detail">
                  <span class="blue_clr">订单详情</span>
                </router-link>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <Page />
      </template>
    </Tabs>
  </div>
</template>
<script>
import { Tabs, Tools, Page, Action } from '@/components/table/index';
import ToolsForm from './toolsForm';

export default {
  components: {
    Tabs,
    Tools,
    Page,
    ToolsForm,
    Action,
  },
  data () {
    return {
      tabList: [{
        name: '全部订单',
        value: 0
      }, {
        name: '待确认',
        value: 1
      }, {
        name: '待付款',
        value: 2
      }, {
        name: '已付款',
        value: 3
      }, {
        name: '待退款',
        value: 4
      }, {
        name: '已退款',
        value: 5
      }, {
        name: '已完成',
        value: 6
      }, {
        name: '待审批',
        value: 7
      }],
      tableData: [{ test: 'test' }]
    }
  },
  methods: {
    onStatistics () {

    }
  }
}
</script>
<style lang="scss" scoped>
</style>